﻿@model IEnumerable<JPSOFTWARE.BON.Modelos.EmpresaView>
<script type="text/javascript">
    var mapa = null;
    var latitude = null;
    var longitude = null;
    var _shape;
    function MostrarEmpresa(data) {

        $.post('@Url.Action("MostrarEmpresaNoMapa", "Inicio")', { IdEmpresa: data }, null, function (retorno) {
            $.each(data, function (item, location) {
                AddLocationPin(location.Latitude, location.Longitude, location.NomeEmpresa, location.Descricao);
                GetMap();
            });
        });
    }

    function AddLocationPin(Latitude, Longitude, NomeEmpresa, Descricao) {
        latitude = Latitude;
        longitude = Longitude;

        //create new pushpin shape
        _shape = new VEShape(VEShapeType.Pushpin, new VELatLong(Latitude, Longitude));
        //set title for info box
        _shape.SetTitle(NomeEmpresa);
        //set html for info box
        _shape.SetDescription(Descricao);
        //add pin
        mapa.AddShape(shape);
    }

    function GetMap() {
        map = new VEMap('map');
        //map.AttachEvent("ondoubleclick", AddPushpin);
        map.LoadMap(new VELatLong(lat, lon), 13, 'Road', false);

    }
</script>
<div class="row work-container">
    <div class="grid-3">
        <h2>
            <span class="slash">#</span>Distribuidoras</h2>
        <p>
            Distribuidoras em destaque</p>
        @Html.ActionLink("Mais distribuidoras", "", "", new { Area = "" }, new { @class = "btn btn-small btn-warning" })
    </div>
    @{
        List<JPSOFTWARE.BON.Modelos.EmpresaView> lista = new List<JPSOFTWARE.BON.Modelos.EmpresaView>();

        foreach (JPSOFTWARE.BON.Modelos.EmpresaView i in Model)
        {
            lista.Add(i);
        }
        foreach (var item in lista)
        {
        <div class="grid-3">
            <address>
                <h3>
                    @item.NomeEmpresa</h3>
                <a class="thumbnail">
                    <img src="../../Content/img/1_small.jpg" alt="" />
                </a>
                <br />
                <i class="icon-star"></i>@item.Endereco
                <br />
                @item.Bairro
                <br />
                @item.Cidade, @item.Estado
                <br />
                @item.Telefone
                <br />
                <i class="icon-envelope"></i>@item.Email
                <br />
                <br />
                @Html.ActionLink("Ver no mapa", "MostrarEmpresaNoMapa", new { @IdEmpresa = @item.IdEmpresa }, new { @class = "btn btn-mini" })
                <a class="btn btn-mini" href="@Url.Action("MostrarEmpresaNoMapa", "Inicio", new { @IdEmpresa = @item.IdEmpresa })">
                    <i class="icon-map-marker"></i>Ver no mapa</a> <a class="btn btn-mini" href="javascript:MostrarEmpresa(@item.IdEmpresa)">
                        <i class="icon-map-marker"></i>Ver no mapa java script</a>
                <br />
                <br />
                <a href="@Url.Action("ListarProdutosCliente", "Produtos", new { Area = "GestaoProdutos", @IdEmpresa = @item.IdEmpresa })">
                    Vizualizar produtos »</a>
            </address>
        </div>      
        }
    }
</div>
